<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ic="http://ivyteam.ch/jsf/component"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title><ui:insert name="title" /></title>
	<h:outputStylesheet library="ivy-webcontent" name="/css/MasterCss.css" />
	<style>
.red {
	color: red;
	font-weight: bold;
	align: center;
}

.center {
	margin: auto;
	width: 20%;
}
</style>

</h:head>
<h:body>
	<!-- <ic:ch.ivy.demo.component.Menu>
	</ic:ch.ivy.demo.component.Menu> -->
	<p:layout fullPage="true">
		<p:layoutUnit position="north" size="24%" resizable="true"
			closable="true" collapsible="true">
			<div>
				<h:graphicImage name="img/logopng.png" width="80" />
			</div>
			<div>
				<ic:ch.ivy.demo.component.Menu2>
				</ic:ch.ivy.demo.component.Menu2>
			</div>
		</p:layoutUnit>
		<p:layoutUnit position="south" size="6%" resizable="true"
			closable="true" collapsible="true">
			<ic:ch.ivy.demo.component.bottomPanel>
			</ic:ch.ivy.demo.component.bottomPanel>
		</p:layoutUnit>
		<p:layoutUnit position="center" resizable="true" closable="true"
			collapsible="true">
			<div style="top: 0px !important;">
				<p:ajaxStatus  styleClass="center" onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();">
				</p:ajaxStatus>
				<h3>

					<ui:insert name="header" />
				</h3>

				<ui:insert name="center" />
			</div>
		</p:layoutUnit>
	</p:layout>
</h:body>
<p:dialog id="dialog" modal="true"  draggable="false" showHeader="false" resizable="false" closable="false" widgetVar="statusDialog" showEffect="fade" hideEffect="fade">
	<p:outputLabel value="Loading"></p:outputLabel><h:graphicImage name="img/loading.gif" />
</p:dialog>
</html>